<template>
  <div class="list">
    <div class="title">表单模板列表</div>
    <div v-for="i in list" :key="i.id">
      <el-link
        type="primary"
        @click="$router.push({ path: `/design/${i.id}` })"
      >
        {{ i.name }}
      </el-link>
    </div>
  </div>
</template>

<script>
import list from "./list-moc.js";
export default {
  data() {
    return {
      list,
    };
  },
};
</script>

<style lang="scss" scoped>
.list {
  padding: 20px;
  text-align: left;
  .title {
    margin-bottom: 10px;
  }
}
</style>